* {
  margin: 0;
  padding: 0;
  -webkit-tap-highlight-color: transparent
}
html {
  font: 14px 'Helvetica Neue', 'PingFang SC', STHeitiSC-Light, Helvetica;
  -webkit-text-size-adjust: 100%;
  color: #666;
  line-height: 1;
}
body, html {
  max-width: 750px;
  margin: 0 auto;
  height:100%;
}
li, ul {
  list-style: none
}
a {
  text-decoration: none;
  color: inherit
}
a:active, a:hover {
  outline: 0
}
button, input, select, textarea {
  outline: 0;
  border: 1px solid #ddd;
  color: inherit;
  font-size: inherit;
  background: none;
  font-family: inherit
}
button,input[type=submit],input[type=button],input[type=checkbox]{
  -webkit-appearance: none
}
#app{
  min-height:100%;
  overflow: hidden;
}
.btn{
  width: 100%;
  line-height: 0.8rem;
  background: #7fcdef;
  color: #fff;
  font-size: 0.4rem;
  text-align: center;
  display: inline-block;
}
[flex]{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}
[flex~="main:left"]{-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start}
[flex~="main:justify"]{-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}
[flex~="main:center"]{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}
[flex~="cross:top"]{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;-ms-grid-row-align:flex-start;align-items:flex-start}
[flex~="cross:bottom"]{-webkit-box-align:end;-webkit-align-items:flex-end;-ms-flex-align:end;-ms-grid-row-align:flex-end;align-items:flex-end}
[flex~="cross:center"]{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;-ms-grid-row-align:center;align-items:center}
[flex-box="0"],[flex] img{-webkit-box-flex:0;-webkit-flex-grow:0;-ms-flex-positive:0;flex-grow:0;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}
[flex~="box:mean"]>*,
[flex-box="1"]{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1}

@keyframes up{
  0%{opacity: 0; transform: translateY(800px)}
  100%{opacity: 1; transform: translateY(0)}
}
@keyframes scale {
  0% {opacity: 0; transform: scale(.5)}
  100% {opacity: 1; transform: scale(1)}
}
[anim]{
  animation-fill-mode: both;
  animation-duration: .2s;
}
[anim='up']{animation-name: up; }
[anim='scale']{animation-name: scale; }
.cen{text-align: center; }